<style>
    .loading {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.7);
        z-index: 9999;
        width: 100vw;
        height: 100vh;
    }

    .loading_img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 180px;
        height: 180px;
        text-align: center;
        transform: translate(-50%, -50%);
    }
</style>
<meta name="csrf-token" content="{{ csrf_token() }}">
<div id="loading" class="loading">
    <img class="loading_img" src="{{asset(env('CDN_HOST').'/public/img/base/loading.gif')}}" alt="">
</div>
<script>
    var loading = $('#loading')
    var token = $('meta[name="csrf-token"]').attr('content')
    var csrf_token = $('meta[name="csrf-token"]').attr('content')
    loading.show()
</script>